<template>

	<!-- Authors Table Card -->
	<a-card :bordered="false" class="header-solid h-full" :bodyStyle="{padding: 0,}"  >
		<template #title>
			<a-row type="flex" align="middle" >
				<a-col :span="24" :md="12">
					<h5 class="font-semibold m-0">搜索结果</h5>
				</a-col>


			</a-row>
      <a-row>
        <a-col :span="24" :md="24" style="margin-top: 20px; ">
          <a-alert message="未经平台认证信息请仔细甄别其真实性，未经确认导致个人损失平台概不负责！" type="warning" show-icon />
        </a-col>
      </a-row>
		</template>
		<a-table :columns="columns" :data-source="data" :pagination="false" >



<!--			<template slot="func" slot-scope="func">-->
<!--				<div class="author-info">-->
<!--					<h6 class="m-0">{{ func.job }}</h6>-->
<!--					<p class="m-0 font-regular text-muted">{{ func.department }}</p>-->
<!--				</div>-->
<!--			</template>-->
      <template slot="reportInfo" slot-scope="reportInfo" >
        <b><p @click="openPage(reportInfo.link)" style="margin:0; line-height:2em; cursor: pointer; font-size: 16px">{{reportInfo.data}}</p></b>
      </template>

			<template slot="veri" slot-scope="veri">
				<a-tag class="tag-status" :class="veri ? 'ant-tag-primary' : 'ant-tag-muted'">
					{{ veri ? "已认证" : "未认证" }}
				</a-tag>
			</template>

<!--			<template slot="editBtn" slot-scope="row">-->
<!--				<a-button type="link" :data-id="row.key" class="btn-edit">-->
<!--					Edit-->
<!--				</a-button>-->
<!--			</template>-->

		</a-table>
	</a-card>
	<!-- / Authors Table Card -->

</template>

<style>
.header-solid{
  animation-duration:1s
}
</style>
<script>

	export default ({
		props: {
			data: {
				type: Array,
				default: () => [],
			},
			columns: {
				type: Array,
				default: () => [],
			},
		},
		data() {
			return {
				// Active button for the "Authors" table's card header radio button group.
				authorsHeaderBtns: 'all',
        openPage(path) {
          this.$router.push({
            path: path
          });
          console.log("11")
        },
			}
		},
	})

</script>